<template>
	<view class="detail-info-box">
		<view style="width: 100%!important;height:60rpx;display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom:20rpx">
			<view style="width: 50%;padding-left: 10rpx;box-sizing: border-box;">
				装置：<text>{{ detailData.equipmentName }}</text>
			</view>
			<view style="width: 50%;padding-left: 10rpx;box-sizing: border-box;">
				区域：<text>{{ detailData.areaName }}</text>
			</view>
		</view>
		<view style="width: 100%!important;height:60rpx;display: flex;justify-content: space-between;flex-wrap: wrap;;margin-bottom:20rpx">
			<view style="width: 50%;padding-left: 10rpx;box-sizing: border-box;">
				类型：<text>{{ detailData.type }}</text>
			</view>
			<view style="width: 50%;padding-left: 10rpx;box-sizing: border-box;">
				物料：<text>{{ detailData.materialName }}</text>
			</view>
		</view>
		<view style="width: 100%!important;height:60rpx;display: flex;justify-content: space-between;flex-wrap: wrap;;margin-bottom:20rpx">
			<view style="width: 50%;padding-left: 10rpx;box-sizing: border-box;">
				物料温度：<text>{{ detailData.materialTemp }}</text>
			</view>
			<view style="width: 50%;padding-left: 10rpx;box-sizing: border-box;">
				物料状态：<text>{{ detailData.materialStatus }}</text>
			</view>
		</view>
		<view style="width: 100%!important;height:60rpx;display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom:20rpx">
			<view style="width: 50%;padding-left: 10rpx;box-sizing: border-box;">
				定位设备：<text>{{ detailData.posEquipmentName }}</text>
			</view>
			<view style="width: 50%;padding-left: 10rpx;box-sizing: border-box;">
				设备方向：<text>{{ detailData.posEquipmentDirect }}</text>
			</view>
		</view>
		<view style="width: 100%!important;height:60rpx;display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom:20rpx">
			<view style="width: 50%;padding-left: 10rpx;box-sizing: border-box;">
				公称直径：<text>{{detailData.pipe }}</text>
			</view>
			<view style="width: 50%;padding-left: 10rpx;box-sizing: border-box;">
				距离：<text>{{ detailData.distance }}</text>
			</view>
		</view>
		<view style="width: 100%!important;height:60rpx;display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom:20rpx">
			<view style="width: 50%;padding-left: 10rpx;box-sizing: border-box;">
				工艺描述：<text>{{ detailData.processDesc }}</text>
			</view>
			<view style="width: 50%;padding-left: 10rpx;box-sizing: border-box;">
				泄露阈值：<text>{{ detailData.leakMax }}</text>
			</view>
		</view>
		<view style="width: 100%!important;height:60rpx;display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom:20rpx">
			<view style="width: 50%;padding-left: 10rpx;box-sizing: border-box;">
				已测：<text>{{ detailData.isHasExamed }}</text>
			</view>
			<view style="width: 50%;padding-left: 10rpx;box-sizing: border-box;">
				可达：<text>{{ detailData.isArrive }}</text>
			</view>
		</view>
		<view style="width: 100%!important;height:60rpx;display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom:20rpx">
			<view style="width: 50%;padding-left: 10rpx;box-sizing: border-box;">
				可测：<text>{{ detailData.isExam }}</text>
			</view>
			<view style="width: 50%;padding-left: 10rpx;box-sizing: border-box;">
				保温：<text>{{ detailData.isHeatPreserve }}</text>
			</view>
		</view>
		<view style="width: 100%!important;height:60rpx;display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom:20rpx">
			<view style="width: 50%;padding-left: 10rpx;box-sizing: border-box;">
				检测人员：<text>{{ detailData.examUser }}</text>
			</view>
			<view style="width: 50%;padding-left: 10rpx;box-sizing: border-box;">
				环境本底值：<text>{{ backValue }}</text>
			</view>
		</view>
		<view style="width: 100%!important;height:60rpx;display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom:20rpx">
			<view style="width: 50%;padding-left: 10rpx;box-sizing: border-box;">
				检测设备型号：<text>{{ deviceType }}</text>
			</view>
			<view style="width: 50%;padding-left: 10rpx;box-sizing: border-box;">
				检测设备编号：<text>{{ deviceNo }}</text>
			</view>
		</view>
	</view>
</template>

<script setup>
	import {
		ref,
		computed,
		watch,
		defineProps,onMounted
	} from "vue"
	const props = defineProps({
		detailInfo: {
			type: String,
			default: function(){
				return ""
			}
		}
	});
	const detailData = ref ({})
	const backValue = ref('')
	const deviceType = ref('')
	const deviceNo = ref('')
	onMounted(() => {
		detailData.value = JSON.parse(props.detailInfo);
		//console.log('ddddd',detailData.value);
		deviceNo.value = uni.getStorageSync('deviceNo');
		deviceType.value = uni.getStorageSync('deviceType')
		backValue.value = uni.getStorageSync('backValue')
	})
</script>

<style lang="scss">
	.detail-info-box {
		padding-top: 40rpx;
		padding-left: 40rpx;
	}
</style>